<template>
  <!-- App.vue -->
  <v-app>
    <!-- <v-navigation-drawer app clipped>  -->
      <!--导航栏 -->
      <NavigationCompontent/>
    <!-- </v-navigation-drawer> -->

    <v-app-bar app clipped-left>
      <!--顶部栏-->
    </v-app-bar>

    <!-- 根据应用组件来调整你的内容 -->
    <v-main>
      <!-- 给应用提供合适的间距 -->
      <v-container fluid>
        <!-- 如果使用 vue-router -->
        <router-view></router-view>
        <!-- <DataTable/> -->
      </v-container>
    </v-main>

    <v-footer app>
      <!-- -->
    </v-footer>
  </v-app>
</template>

<script>
import NavigationCompontent from '../components/Navigation.vue'
// import DataTable from '../components/DataTable.vue'
export default{
  name: 'HomeView',
  components:{
   NavigationCompontent,
  //  DataTable
  }
}

</script>
